/** @format */

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { resolve } from 'path';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  base: '/admin/', //
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src'), //
    },
  },
  server: {
    port: 5001,
    open: false, //
  },
  build: {
    outDir: '../dist/admin', //
  },
  css: {
    preprocessorOptions: {
      less: {
        modifyVars: {
          // --- 整体色调与导航 ---
          // 请从你的前台导航栏获取确切的深色背景色
          'layout-header-background': '#001529', // 深色导航头部背景
          'layout-sider-background': '#001529',  // 深色导航侧边栏背景
          'menu-dark-bg': '#001529',             // 暗色主题菜单背景
          'menu-dark-item-active-bg': '#1677ff', // 暗色主题菜单项选中背景 (使用主色调)
          'menu-dark-color': 'rgba(255, 255, 255, 0.75)', // 暗色主题菜单文字颜色，稍亮一些更柔和
          'menu-dark-highlight-color': '#FFFFFF', // 暗色主题菜单高亮文字颜色（如选中项）

          // --- 主色调 ---
          // 请从你的前台 "Add to Cart" 按钮或品牌Logo获取确切的蓝色
          'primary-color': '#1677ff',          // 全局主色
          'link-color': '#1677ff',             // 链接颜色
          'processing-color': '#1677ff',       // 处理中状态颜色

          // --- 字体与排版 ---
          'font-family': `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`, // 保持或使用前台字体
          'font-size-base': '15px',             // 增大基础字号
          'line-height-base': '1.6',            // 增加基础行高
          'heading-color': 'rgba(0, 0, 0, 0.88)', // 标题颜色 (Antd v5 默认)
          'text-color': 'rgba(0, 0, 0, 0.88)',    // 主要文本颜色
          'text-color-secondary': 'rgba(0, 0, 0, 0.65)', // 次要文本颜色

          // --- 圆角与边框 ---
          'border-radius-base': '8px',          // 统一较大的圆角
          'border-color-base': '#d9d9d9',       // 边框颜色 (Antd v5 默认)
          'box-shadow-base': '0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03)', // Antd v5 默认阴影，更柔和

          // --- 布局与间距 ---
          'padding-lg': '24px', // 大组件内边距或栅格间距
          'padding-md': '20px', // 中等组件内边距
          'padding-sm': '16px', // 小组件内边距
          'padding-xs': '12px', // 超小组件内边距

          // --- 卡片 Card ---
          'card-padding-base': '20px',          // 卡片内容区域的内边距
          'card-head-padding': '16px',          // 卡片头部的内边距
          'card-actions-background': '#f5f5f5', // 卡片操作区域背景色

          // --- 表格 Table ---
          'table-header-bg': '#fafafa',
          'table-header-color': 'rgba(0, 0, 0, 0.88)',
          'table-row-hover-bg': '#f5f5f5',
          'table-padding-vertical': '14px',
          'table-padding-horizontal': '14px',

          // --- 输入框 Input ---
          'input-padding-vertical-base': '8px', // 调大输入框垂直内边距
          'input-padding-horizontal-base': '12px',
        },
        javascriptEnabled: true,
      },
    },
  },
});